<template>
    <div class="spread-item">
        <div class="item-order">{{index + 1}}</div>
        <div class="item-phone">{{data.registerPhone}}</div>
        <div class="item-time">{{data.registerDate}}</div>
        <div class="item-finish iconfont" :class="data.completeFlag ? 'icon-NeedRecognition': 'icon-publish-cancel'"></div>
    </div>
</template>
<script>
export default {
    name: 'y-spread-item',
	props: {
        data: {},
        index: 0,
    },
    data() {
        return {
            touchStart: false,
            offsetX: 0,
        }
    },
    methods: {
      
    },
    computed: {
       
    },
	created() {
    },
    mounted() {
    }
}
</script>
<style type="text/css">
.spread-item {
    display: flex;
    justify-content: space-around;
    color: #999;
    font-size: 0.24rem;
    text-align: center;
    padding: 0.1rem 0;
    border-bottom: 0.01rem solid #eee;

    & .item-order {
        width: .6rem;
        align-self: center;
    }
    & .item-phone{
        width: 1.6rem;
        align-self: center;
    }
    & .item-time{
        width: 1.5rem;
        align-self: center;
    }
    & .item-finish{
        width: 1.9rem;
        font-size: 0.2rem;
        align-self: center;
    }
   
}

</style>


